<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>样式演示</title>
  <style>
    * {
      box-sizing: border-box;
    }
  .car-number {
    width: 400px;
  }
  .info {
    width: 100%;
    display: flex;
    justify-content: space-around;
    list-style: none;
  }

  .info .text-item {
    width: 50px;
  }

  .info .text-item .input{
    width: 50px;
    height: 50px;
    padding-left: 10px;
    font-size: 28px;
  }  
 </style>
</head>

<body>
  <div class="car-number">
    <ul class="info">
      <li class="text-item">
        <input class="input" value="浙" disabled type="text">
      </li>
      <li class="text-item">
        <input class="input"  type="text">
      </li>
      <li class="text-item">
        <input class="input"  type="text">
      </li>
      <li class="text-item">
        <input class="input"  type="text">
      </li>
      <li class="text-item">
        <input class="input"  type="text">
      </li>
    </ul>
  </div>

  <script src="./index2.js"></script>
</body>

</html>